<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-touch-fullscreen" content="YES"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>银行卡</title>
    <link rel="stylesheet" href="../../css/base.css"/>
    <link rel="stylesheet" href="../../css/bindCard.css"/>
</head>
<body>
<div class="wrap">
    <header class="head-contain">
        <a href="javascript:;" class="head-pre" onclick="returnBack()"><img src="../../../img/ic_back.png" alt=""/></a>
        <p class="head-title">银行卡</p>
    </header>
    <!-- 内容 -->
    <div class="panel-contain">
        <div class="bindCard-list" id="bindCardList">

            <!-- 银联列表: 卡号 -->
            <div class="bindCard-item-wrapper" th:each=" bank :${banks}">
                <div class="bindCard-item">
                    <span class="bindCard-icon" th:id="${bank.guid}"></span>
                    <h2 class="bindCard-title" th:text="${bank.payBankname}" th:id="${bank.payAgreeid}"> </h2>
                    <p class="bindCard-type" th:switch="${bank.payAccttype}">
                        <span class="bindCard-type" th:case="00">储蓄卡</span>
                        <span class="bindCard-type" th:case="02">信用卡</span>
                    </p>
                    <p class="bindCard-num" th:text="${bank.payAcctno}"></p>
                </div>
                <span class="bindCard-bg">
                </span>
            </div>
        </div>
    </div>
        <!-- <div class="payment-button">
            <button onclick="pay()" data-type="" id="payButton">下一步</button>
        </div> -->
    </div>

    <footer class="bindCard-footer" th:id="${cupguid}" >
        添加银行卡
    </footer>


    <!-- 提示框 -->
    <div class="msg-wrapper" id="js_tipsPanel">
    <div class="msg-tips-pop tips-success" id="js_tips" style="">
      <div class="tips-content" id="tips">asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克asdjakl点击萨拉打卡机卡拉胶埃里克 撒旦</div>
    </div>
</div>

</body>
<script src="../../js/AutoAdapter.js"></script>

<script src="../../js/jquery-2.1.4.min.js"></script>
<script src="../../js/bindCard.js"></script>
</html>
